//Created by LeonTao on 17/3/23.
doctype html
html(lang='en')
    head
        meta(charset='utf-8')
        meta(http-equiv='X-UA-Compatible', content='IE=edge')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        meta(name='description', content='')
        meta(name='author', content='')
        title 医疗影像云平台
        // Bootstrap Core CSS
        link(href='vendors/bootstrap/dist/css/bootstrap.min.css', rel='stylesheet')
        // Custom Fonts
        link(href='vendors/font-awesome/css/font-awesome.min.css', rel='stylesheet', type='text/css')
        link(href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic', rel='stylesheet', type='text/css')
        link(href='https://fonts.googleapis.com/css?family=Montserrat:400,700', rel='stylesheet', type='text/css')
        // Theme CSS
        //link(href='css/grayscale.min.css', rel='stylesheet')
        link(href='css/grayscale.css', rel='stylesheet')
        link(href='css/index.css', rel='stylesheet')
        // HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
        // WARNING: Respond.js doesn't work if you view the page via file://
        //if lt IE 9
          script(src='https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js')
          script(src='https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js')
    body#page-top(data-spy='scroll', data-target='.navbar-fixed-top')
        // Navigation
        nav.navbar.navbar-custom.navbar-fixed-top(role='navigation')
            .container
                .navbar-header
                    button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-main-collapse')
                        | Menu
                        i.fa.fa-bars
                    a.navbar-brand.page-scroll(href='#page-top')
                        i.fa.fa-play-circle
                        span.light
                        |  医疗影像云平台
                // Collect the nav links, forms, and other content for toggling
                .collapse.navbar-collapse.navbar-right.navbar-main-collapse
                    ul.nav.navbar-nav
                        // Hidden li included to remove active class from about link when scrolled up past about section
                        li.hidden
                            a(href='#page-top')
                        li
                            a.page-scroll(href='#about') 影像云平台
                        li
                            a.page-scroll(href='#download') 图像辅助分析
                        li
                            a.page-scroll(href='#contact') 数字出版
                // /.navbar-collapse
            // /.container
        // Intro Header
        header.intro
            .intro-body
                .container
                    .row
                        .col-md-8.col-md-offset-2
                            h1.brand-heading
                            .form
                                ul.tab-group
                                    li.tab.active
                                        a(href='#signup') 注册
                                    li.tab
                                        a(href='#login') 登录
                                .tab-content
                                    #signup
                                        h1 免费注册
                                            a#person-signup-btn.button.button-block(href='person-signup') 个人用户
                                            a#organization-signup-btn.button.button-block(href='organization-signup') 机构用户

                                    #login
                                        h1 欢迎回来
                                        form(id='form-login', method='post')
                                            .field-wrap
                                                label
                                                    | 邮箱/用户名
                                                    span.req *
                                                input(type='text', name="name-email", required='', autocomplete='off')
                                            .field-wrap
                                                label
                                                    | 密码
                                                    span.req *
                                                input(type='password', name="pass", required='', autocomplete='off')
                                            p.forgot
                                                a(href='#') 忘记密码？
                                            button#login-btn.button.button-block 立即登录

                            //登录框
                            a.btn.btn-circle.page-scroll(href='#about')
                                i.fa.fa-angle-double-down.animated



        // About Section
        section#about.container.content-section.text-center
            .row
                .col-lg-8.col-lg-offset-2
                    h2 影像云平台
                    p
                        | 医疗机构、医生、患者可以通过电脑、平板、手机登录平台，实现三方互联。安全高效，便捷灵活，真正开启移动互联的智慧云影像时代。
                        //a(href='http://startbootstrap.com/template-overviews/grayscale/') the preview page

                    p
                        | 医学影像学在医学诊断领域是一门新兴的学科，不过目前在临床的应用上是非常广泛的，对疾病的诊断提供了很大的科学和直观的依据，可以更好的配合临床的症状、化验等方面，为最终准确诊断病情起到不可替代的作用；同时也很好的应用在治疗方面。　
                        //a(href='http://gratisography.com/') Gratisography
                        //|  along with a custom Google Maps skin courtesy of
                        //a(href='http://snazzymaps.com/') Snazzy Maps
                        //| .

                    a.btn.btn-default.btn-lg(href='http://startbootstrap.com/template-overviews/grayscale/') 进入云平台
        // Download Section
        section#download.content-section.text-center
            .download-section
                .container
                    .col-lg-8.col-lg-offset-2
                        h2 图像辅助分析
                        p 图像增强技术应用、图像分割方法应用、图像配准方法应用、图像可视化方法应用、计算机辅助检测与计算机辅助诊断，以及医学图像压缩、存储与通信和图像引导手术与医学虚拟现实。
                        a.btn.btn-default.btn-lg(href='http://startbootstrap.com/template-overviews/grayscale/') 进行探索
        // Contact Section
        section#contact.container.content-section.text-center
            .row
                .col-lg-8.col-lg-offset-2
                    h2 医学数字出版
                    p
                        | 在数字时代下，传统出版社正在形成一种共识，那就是谁能够适应新的发展趋势，加快内容和服务的数字化，更好地利用数字媒体和数字渠道传播内容，加速自身经营模式的数字化转型，谁就能够赢得未来的市场，成为数字化浪潮中的弄潮儿。
                    //p
                        //a(href='mailto:feedback@startbootstrap.com') feedback@startbootstrap.com
                    a.btn.btn-default.btn-lg(href='http://startbootstrap.com/template-overviews/grayscale/') 数字出版
                    ul.list-inline.banner-social-buttons
                        //li
                        //    a.btn.btn-default.btn-lg(href='https://twitter.com/SBootstrap')
                        //        i.fa.fa-twitter.fa-fw
                        //        span.network-name Twitter
                        //li
                        //    a.btn.btn-default.btn-lg(href='https://github.com/IronSummitMedia/startbootstrap')
                        //        i.fa.fa-github.fa-fw
                        //        span.network-name Github
                        //li
                        //    a.btn.btn-default.btn-lg(href='https://plus.google.com/+Startbootstrap/posts')
                        //        i.fa.fa-google-plus.fa-fw
                        //        span.network-name Google+
        // Map Section
        //#map
        // Footer
        footer
            .container.text-center
                p Copyright © 西安交通大学医学影像平台 2017
        // jQuery
        script(src='vendors/jquery/dist/jquery.min.js')
        script(src='vendors/jquery/dist/jquery.form.min.js')
        //script(src='old_vendor/jquery-2.2.3.min.js')
        //script(src='old_vendor/jquery.form.min.js')

        // Bootstrap Core JavaScript
        script(src='vendors/bootstrap/dist/js/bootstrap.min.js')
        // Plugin JavaScript
        script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js')
        // Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/
        //script(type='text/javascript', src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false')

        // Theme JavaScript
        //script(src='js/views/grayscale.js')
        script(src='js/views/index.js')
        script(src='js/views/grayscale.min.js')
